<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="h" uri="/syzg-html"%>

<!DOCTYPE html>
<html>
	<head>
		<%@ include file="/base/jsp/common/CommonListTop.jsp"%>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>[新闻审核-审核列表]</title>
		<link href="${ctx}/base/css/base.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/base/css/common.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/base/css/${customTheme}.css" rel="stylesheet" type="text/css" />
		<script src="${ctx}/base/js/base.js" type="text/javascript"></script>
		<script src="${ctx}/base/js/common/FormFunction.js" type="text/javascript"></script>
		<script src="${ctx}/baseNew/plugins/jQuery/jQuery-2.2.0.min.js"></script>
		<link href="${ctx}/baseNew/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<script src="${ctx}/baseNew/bootstrap/js/bootstrap.js" type="text/javascript"></script>
    	<link href="${ctx}/baseNew/other/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
		<script src="${ctx}/baseNew/other/js/bootstrap-datetimepicker.js" type="text/javascript"></script>
		<script src="${ctx}/baseNew/other/js/locales/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"></script>
		<link rel="stylesheet" href="${ctx}/baseNew/dist/css/AdminLTE.min.css">
  		<link rel="stylesheet" href="${ctx}/baseNew/dist/css/skins/_all-skins.min.css">
  		<script src="${ctx}/baseNew/other/js/bootbox.min.js" type="text/javascript"></script>
  		<link rel="stylesheet" href="${ctx}/baseNew/validator/css/bootstrapValidator.css"/>
		<script type="text/javascript" src="${ctx}/baseNew/validator/js/bootstrapValidator.js"></script>
		<script type="text/javascript" src="${ctx}/zenithsun/js/ModalUtil.js"></script>
	</head>
	
	<body class="rightBody">
		<table width="100%" class="title" border="0" cellspacing="0" cellpadding="0">
			<tr>
			  <th>
			    <img src="${ctx}/zenithsun/images/back.png" width="26" height="26" alt="图标 " class="icon" />
				<em class="headTips">图片新闻网管理</em> &gt; 消息管理
			  </th>
			  <th width="200"></th>
			</tr>		
		</table>
		<div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">
		    <ul id="myTabs" class="nav nav-tabs" role="tablist">
			    <li role="presentation" class="active"><a href="#notReview" state="1" role="tab" data-toggle="tab" style="width: 150px;text-align: center;height: 40px;"><span class="glyphicon glyphicon-edit fn-fl" title="待审核图片" style="width: 150px;text-align: center;">待审核图片(59)</span></a></li>
			    <li role="presentation"><a href="#notReview" state="2" role="tab" data-toggle="tab" style="width: 150px;text-align: center;height: 40px;"><span class="glyphicon glyphicon-edit fn-fl" title="待审核新闻" style="width: 150px;text-align: center;">待审核新闻(40)</span></a></li>			    		    
		    </ul>
		</div>
	</body>
	<script type="text/javascript">
			//动态加载
		$(function () {
				//加载第一个tab的对应网页
				var firstTab=$('#myTabs a:first');
				var array=new Array();
				array.push('notReview');
				array.push('reviewNoPass');
				array.push('reviewPass');
		        firstTab.tab('show');//初始化显示哪个tab
		        $(firstTab.attr('href')).load(initListUrl+firstTab.attr('state'));
		        $('#myTabs a').click(function (e) {
		        	e.preventDefault();//阻止a链接的跳转行为
		          	$(this).tab('show');//显示当前选中的链接及关联的content 
		          	//必须先将所有的tab中的数据先清空，注意
		          	for(var a in array){
			          	$('#'+array[a]).html(''); 
		          	}
		          	selectedTab=$(this).attr('href').replace('#','');
		          	$($(this).attr('href')).load(initListUrl+$(this).attr('state'));
		        });
    	  });
    	  function showAndLoad(){
    	  	$('.modal-backdrop').remove();
			var selectedTabA=$('#myTabs a[href="#'+selectedTab+'"]');
		  	selectedTabA.tab('show');
		    $("#"+selectedTab).load(initListUrl+selectedTabA.attr('state'));
		  }    	  
	</script>	
</html>